<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
<meta charset="utf-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>电影院售票后台管理系统</title>

<!-- 基础CSS库 -->
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/bootstrap.css" />
 <link rel="stylesheet" href="../../css/common/base.css" />
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/tabdrop.css" />
<link rel="stylesheet"
	href="../../js/ztreeformenu/css/zTreeStyle/zTreeStyle.css" />
<!-- <link rel="stylesheet" href="../../js/ztreeformenu/css/demo.css" /> -->
 <link rel="stylesheet" href="../../css/jquery.select2.css" />
 <link rel="stylesheet" href="../../css/jquery.select2-bootstrap.css" />
<!-- 业务CSS库 -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/common/scrollbar.css" />
<link rel="stylesheet" href="../../css/each/main/main.css" />
 <link rel="stylesheet" href="../../css/jquery.datetimepicker.css" />
 <link rel="stylesheet" href="../../testPage/jquery.pagination.css">
<!-- 基础JS库 -->
<script src="../../js/common/package.js"></script>
<!-- <script src="../../js/common/url.js"></script> -->
<script src="../../js/common/jquery-1.11.3.min.js"></script>
<script src="../../js/bootstrap/bootstrap.js"></script>
<!-- <script 	src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> -->
<script src="../../js/common/json2.js"></script>
<!-- <script src="../../js/common/datagrid2.js"></script> -->
<script src="../../js/common/jquery.datetimepicker.js"></script>
	<script src="../../js/bootstrap/plugins/bootstrap-paginator.js"></script>
<script src="../../js/bootstrap/plugins/bootstrap-tabdrop.js"></script>
<script src="../../js/ztreeformenu/js/jquery.ztree.all.min.js"></script>
   	<script src="../../js/common/script.js"></script>
   	<script src="../../js/common/jquery.select2.js"></script>
<!-- 业务JS库 -->
 <script src="../../js/ajaxfileupload.js" type="text/javascript"></script>
<script src="../../js/common/base.js"></script>
<!-- <script src="../../js/common/tree.js"></script> -->
<script src="../../js/each/sys/main/movieTicket.js"></script>

<style>
.col-md-10 {
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid {
	padding-top: 4px;
}

.modal-form {
	margin: 15px 30px 15px 30px;
}

.panel-primary  .panel-heading {
	background-color: #6a82d5
}

.panel-group {
	max-height: 770px;
	overflow: auto;
}

.leftMenu {
	margin: 10px;
	margin-top: 5px;
}

.leftMenu .panel-heading {
	font-size: 30px;
	padding-left: 20px;
	height: 60px;
	line-height: 100px;
	color: white;
	padding-top: 24px;
	position: relative;
	cursor: pointer;
} /*转成手形图标*/
.leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px;
}

.leftMenu .menu-item-left {
	padding: 2px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
}

.leftMenu .menu-item-left:hover {
	background: #C4E3F3;
	border: 1px solid #1E90FF;
}
#user-order td{
  font-size:12px;
}
</style>
</head>
<script>
	$(function() {
		$(".panel-heading").click(function(e) {
			/*切换折叠指示图标*/
			$(this).find("span").toggleClass("glyphicon-chevron-down");
			$(this).find("span").toggleClass("glyphicon-chevron-up");
		});
	});
</script>
<body style="height: 100%;">
	<header>
		<div class="header pr">
			<a id="btn-link" href="javascript:void(0);" class="dib vm of-h"><i
				class="dib logo"> <!-- <img class="wb80" src="../../img/logo.png"> -->猫眼
			</i></a>
			<h1 class="dib vm topTit black">
				<span style="color: black">猫眼后台管理系统</span>
			</h1>
			<div class="backLogin">
				<a id="btn-exit" href="javascript:log_out();" class="dib vm"> <img
					class="wb100 dis-b" src="../../img/exit.png">
				</a> <span class="dib vm tc admin"><font style="color: #000"
					id="userNameShow"></font><br /> <font style="color: #000"
					id="orgName">客户家</font></span> <i class="dib vm fly"><img
					id="btn-editPwd" class="wb100" src="../../img/fly.png"
					onclick="javascript:reset_pwd();"></i>
			</div>
		</div>
	</header>
	<aside style="background-color: #bfcdff">
		<div class="panel panel-primary leftMenu">
			<!-- 利用data-target指定要折叠的分组列表 -->
			<div class="panel-heading" id="collapseListGroupHeading1"
				data-toggle="collapse" data-target="#collapseListGroup1" role="tab">
				<h4 class="panel-title">
					用户信息管理 <span class="glyphicon glyphicon-chevron-up right"></span>
				</h4>
			</div>
			<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
			<div id="collapseListGroup1" class="panel-collapse collapse in"
				role="tabpanel" aria-labelledby="collapseListGroupHeading1">
				<ul class="list-group">
					<li class="list-group-item">
						<!-- 利用data-target指定URL -->
						<button class="menu-item-left" data-target="test2.html">
							<a href="main.html" class="active">用户信息</a>
						</button>
					</li>
					<li class="list-group-item">
						<!-- 利用data-target指定URL -->
						<button class="menu-item-left" data-target="test2.html">
							<a href="adminUser.html" >管理员信息</a>
						</button>
					</li>
					
				</ul>
			</div>
		</div>
		<!--panel end-->
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading2"
				data-toggle="collapse" data-target="#collapseListGroup2" role="tab">
				<h4 class="panel-title">
					电影票管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup2" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading2">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="movieTicket.html">电影票信息</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
								<a href="/movie.web/view/main/category.html">电影种类信息</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
	
	<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading3"
				data-toggle="collapse" data-target="#collapseListGroup3" role="tab">
				<h4 class="panel-title">
					影厅管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup3" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading3">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="Hall.html">影厅信息</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading4"
				data-toggle="collapse" data-target="#collapseListGroup4" role="tab">
				<h4 class="panel-title">
					订单管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup4" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading4">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="order.html">订单管理</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
			<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading5"
				data-toggle="collapse" data-target="#collapseListGroup5" role="tab">
				<h4 class="panel-title">
					票房管理<span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup5" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading5">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="totalTicket.html">票房统计</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="analyseTotalTicket.html">票房分析</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading6"
				data-toggle="collapse" data-target="#collapseListGroup6" role="tab">
				<h4 class="panel-title">
					日志管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup6" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading6">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="log.html">登录日志</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		
			
		
	</aside>
	<div class="col-md-10">
		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">查询栏</h3>
			</div>
			<div class="panel-body">
				<form id="searcheForm" class="form-inline">
					<div class="form-group">
						<label class="form-label input-sm"><font color="black"
							size="2%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电影名称</font></label> <input
						id="search-movieName"	type="text" name="movieName" class="form-control input-sm">
					</div>
					<div class="form-group">
						<label class="form-label input-sm"><font color="black"
							size="2%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;是否预售期</font></label>
						<select id="isHotSearch" name="isHot" style="width:170px;height:30px">
						   <option value="">请选择</option>
						   <option value="是">是</option>
						   <option value="否">否</option>
						</select>
					</div>
						<div class="form-group">
						<label class="form-label"><font color="black"
							size="2%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上映时间</font></label>
							 <input id="search-startTime"	type="text" name="orderNo" style="width:260px;height:30px">
					</div>
					<div class="form-group">
						<label class="form-label"><font color="black"
							size="2%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至</font></label>
							 <input id="search-endTime"	type="text" name="orderNo" style="width:260px;height:30px">
					</div>
					&nbsp;&nbsp;
					<button id="btn-search" type="button"
						class="btn btn-primary btn-sm">查询</button>
					&nbsp;&nbsp;
					<button id="btn-reset" type="button" class="btn btn-default btn-sm">重置</button>
				</form>
			</div>
		</div>

		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">信息栏</h3>
			</div>
			<div class="panel-body">
				<form id="listForm">
					<button id="btn-insert" type="button"
						class="btn btn-primary btn-sm" >添加影片信息</button>
					<button id="btn-update-movie" type="button"
						class="btn btn-primary btn-sm" >修改影片信息</button>
					<button id="btn-remove-movie" type="button" class="btn btn-danger btn-sm">删除影片信息</button>
					<button id="btn-upload-picture" type="button" class="btn btn-danger btn-sm">上传影片</button>
					<button id="btn-upload-person" type="button" class="btn btn-danger btn-sm">上传主演信息</button>
					<button id="btn-upload-video" type="button" class="btn btn-danger btn-sm">上传预告片</button>
				</form>
			</div>
			
		       <table id="movie-table" border="1" cellspacing="0" cellpadding="0">
		       </table>
			<div class="panel-footer">
				<div id="paginator"  class="m-pagination"></div>
			</div>
		</div>
	</div>
  
  <!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog " style="width:800px;height:800px">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				
			</div>
			<div class="modal-body" >
				 <form class="form-horizontal">
				   <input  id="id" type="hidden">
				    <div class="form-group">
				      <label  class="col-sm-2 control-label">影片名称</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="movieName" name="movieName" placeholder="请输入影片名称">
                      </div>
                      </div>
                        <div class="form-group">
                      <label  class="col-sm-2 control-label">上映时间</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="movieTime" name="movieTime" placeholder="请输入上映时间">
                      </div>
                      </div>
                          <div class="form-group">
                      <label  class="col-sm-2 control-label">价格</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="moviePrice" name="moviePrice" placeholder="请输入价格">
                      </div>
                      </div>
                       <div class="form-group">
                         <label  class="col-sm-2 control-label">影厅</label>
				        <div class="col-sm-6">
                      <select style="width:370px;height:30px" id="hallId" name="hallId">
                             <option value=0>请选择</option>
                      </select>
                      </div>
				    </div>
				           <div class="form-group">
                         <label  class="col-sm-2 control-label">影片种类</label>
				        <div class="col-sm-6">
                      <select style="width:370px;height:30px" id="movieCategoryId" name="movieCategoryId">
                             <option value="">请选择</option>
                      </select>
                      </div>
				    </div>
				            <div class="form-group">
                         <label  class="col-sm-2 control-label">是否热门</label>
				        <div class="col-sm-6">
                      <select style="width:370px;height:30px" id="isHotName" name="isHot">
                             <option value="">请选择</option>
                             <option value="1">是</option>
                             <option value="2">否</option>
                      </select>
                      </div>
				    </div>
				 
				          <div class="form-group">
                         <label  class="col-sm-2 control-label">是否预售</label>
				        <div class="col-sm-6">
                      <select style="width:370px;height:30px" id="isSell" name="isSell">
                             <option value="">请选择</option>
                             <option value="是">是</option>
                             <option value="否">否</option>
                      </select>
                      </div>
				    </div>
				     <div class="form-group">
                      <label  class="col-sm-2 control-label">影片介绍</label>
				        <div class="col-sm-6">
                           <textarea rows="4" cols="5" class="form-control " id="movieIntro"  name="movieIntro" placeholder="影片介绍"></textarea>
                      </div>
                    </div>
				 </form>
				 <div class="modal-footer">
				<button type="button" class="btn btn-default"  data-dismiss="modal">
				  <font size="2">关闭</font>
				</button>
				<button type="button" class="btn btn-primary" id="btn-save-movie">
					<font size="2">保存</font>
				</button>
			</div>
				  </div>
			</div>
			
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->


<div class="modal fade" id="myPictureModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				
			</div>
			<div class="modal-body"  style="height:240px">
				 <form id="upload-form-moviePicture" class="form-horizontal"  >
			             <input  id="idFile"  type="hidden">   
			           
			            <div class="form-group">
                      <label  class="col-sm-2 control-label">选择图片</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFile" class="form-control"  name="file">
                      </div>
                      
                    </div>              
				 </form>
				 <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
				  <font size="2">关闭</font>
				</button>
				<button type="button" class="btn btn-primary" id="btn-save-picture">
					<font size="2">上传</font>
				</button>
			</div>
		 </div>
			</div>
			
		</div><!-- /.modal-content -->
	</div>
	
	<div class="modal fade" id="myVideoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				
			</div>
			<div class="modal-body"  style="height:240px">
				 <form id="upload-form-movieVideo" class="form-horizontal"  >
			             <input  id="idVideoFile"  type="hidden">   
			           
			            <div class="form-group">
                      <label  class="col-sm-2 control-label">选择视频</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFileVideo" class="form-control"  name="file">
                      </div>
                      
                    </div>              
				 </form>
				 <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
				  <font size="2">关闭</font>
				</button>
				<button type="button" class="btn btn-primary" id="btn-save-viewo">
					<font size="2">上传</font>
				</button>
			</div>
		 </div>
			</div>
			
		</div><!-- /.modal-content -->
	</div>
	
<!-- 上传多个图片 -->
<div class="modal fade" id="personPicturesModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:680px">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				
			</div>
			<!--   <div style="width:30px;height:10px;margin-left:8px">
			      <a href="#" id="cancel-person">取消</a>
			      </div>
			      <div style="float:right;width:30px;height:8px;margin-right:18px">
			      <a href="#" id="add-person">添加</a>
			   </div> -->
			<div class="modal-body" style="height:600px" >
			 
				 <form id="upload-form-moviePicture" class="form-horizontal"  >
			             <input  id="idPersonFile"  type="hidden">
			         <div class="form-group">
				       <label  class="col-sm-2 control-label">主演一：</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="personName1" name="personName1" placeholder="请输入主演的姓名">
                      </div>
                      </div>
			           
			          <div class="form-group">
                      <label  class="col-sm-2 control-label">选择图片</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFile1" class="form-control"  name="file"/>
                      </div>
                    </div>   
                    <div class="form-group">
				       <label  class="col-sm-2 control-label">主演二：</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="personName2" name="personName2" placeholder="请输入主演的姓名">
                      </div>
                      </div>
			           
			          <div class="form-group">
                      <label  class="col-sm-2 control-label">选择图片</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFile2" class="form-control"  name="file" />
                      </div>
                    </div> 
                    <div class="form-group">
				       <label  class="col-sm-2 control-label">主演三:</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="personName3" name="personName3" placeholder="请输入主演的姓名">
                      </div>
                      </div>
			           
			          <div class="form-group">
                      <label  class="col-sm-2 control-label">选择图片</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFile3" class="form-control3"  name="file" />
                      </div>
                    </div> 
                    <div class="form-group">
				       <label  class="col-sm-2 control-label">主演四:</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="personName4" name="personName4" placeholder="请输入主演的姓名">
                      </div>
                      </div>
			           
			          <div class="form-group">
                      <label  class="col-sm-2 control-label">选择图片</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFile4" class="form-control"  name="file"/>
                      </div>
                    </div> 
                    <div class="form-group">
				       <label  class="col-sm-2 control-label">主演五:</label>
				        <div class="col-sm-6">
                      <input type="text" class="form-control" id="personName5" name="personName5" placeholder="请输入主演的姓名">
                      </div>
                      </div>
			           
			          <div class="form-group">
                      <label  class="col-sm-2 control-label">选择图片</label>
				        <div class="col-sm-6">
                           <input type="file" id="uploadFile5" class="form-control"  name="file"/>
                      </div>
                    </div>            
				 </form>
				 <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
				  <font size="2">关闭</font>
				</button>
				<!-- <button type="button" class="btn btn-primary" id="btn-save-files">
					<font size="2">添加</font>
				</button> -->
				<button type="button" class="btn btn-primary" id="btn-save-person-picture">
					<font size="2">上传</font>
				</button>
			</div>
		 </div>
			</div>
			
		</div>
	</div>
</body>
</html>